<%@page import="com.opensymphony.xwork2.ActionContext"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="com.milk_shop.model.Food" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<% 
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%Food food=(Food)ActionContext.getContext().get("food"); %>
<base href="<%=basePath %>"/>
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>奶茶店登录</title>
  <link rel="stylesheet" href="css/alice-style.css">
</head>

<body>
  <main>
    <form class="form" action="user/login" method="POST">
      <div class="form__cover"></div>
      <div class="form__loader">
        <div class="spinner active">
          <svg class="spinner__circular" viewBox="25 25 50 50">
            <circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10">
            </circle>
          </svg>
        </div>
      </div>
      <div class="form__content">
        <h1>用户登录</h1>
        <div class="styled-input">
          <input type="text" class="styled-input__input" name="user.phone">
          <div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">用户名</span> </div>
          <div class="styled-input__circle"></div>
        </div>
        <div class="styled-input">
          <input type="text" class="styled-input__input" name="user.password">
          <div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">密码</span> </div>
          <div class="styled-input__circle"></div>
        </div>
        
        <button type="submit" class="styled-button"> <span class="styled-button__real-text-holder"> <span
              class="styled-button__real-text">登录</span> <span class="styled-button__moving-block face"> <span
                class="styled-button__text-holder"> <span class="styled-button__text">登录</span> </span> </span><span
              class="styled-button__moving-block back"> <span class="styled-button__text-holder"> <span
                  class="styled-button__text">登录</span> </span> </span> </span> </button>
      </div>
    </form>
  </main>
  <script src="js/alice-login.js"></script>
</body>

</html>